﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>修改密码</title>
    <link rel="stylesheet" type="text/css" href="/static/css/css.css"/>
    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
</head>
<body>
<div id="pageAll">
    <div class="pageTop">
        <div class="page">
            <img src="/static/img/coin02.png"/><span><a href="#">首页</a>&nbsp;-&nbsp;<a
                href="#">公共管理</a>&nbsp;-</span>&nbsp;修改密码
        </div>
    </div>

    <form action="" method="post">
        <div class="page ">
            <!-- 修改密码页面样式 -->
            <div class="bacen">
                <div class="bbD">
                    &nbsp;&nbsp;&nbsp;&nbsp;管理员UID：&nbsp;&nbsp;&nbsp;&nbsp;{{user.u_id}}
                </div>
                <div class="bbD">管理员用户名：&nbsp;&nbsp;&nbsp;&nbsp;{{user.username}}</div>
                <div class="bbD">
                        <p style="color: red">{{msg}}</p>
                    &nbsp;&nbsp;&nbsp;&nbsp;输入旧密码：
                    <input type="password"  name="pwd1"/>
                    <img class="imga" src="/static/img/ok.png"/>
                    <img class="imgb" src="/static/img/no.png"/>
                </div>
                <div class="bbD">
                    &nbsp;&nbsp;&nbsp;&nbsp;输入新密码：
                    <input type="password"  name="pwd2"/>
                    <img class="imga" src="/static/img/ok.png"/>
                    <img class="imgb" src="/static/img/no.png"/>
                </div>
                <div class="bbD">
                    再次确认密码：
                    <input type="password" name="pwd3"/>
                    <img class="imga" src="/static/img/ok.png"/>
                    <img class="imgb" src="/static/img/no.png"/>
                </div>
                <div class="bbD">
                    <p class="bbDP">
                        <button style="width: 100px;border:none;height: 30px;background: #48b9ef;margin-left: 40px;">
                            <input type="submit" value="提  交" style="border: none;background: none;color: white;" >
                        </button>
                        <button style="width: 100px;border:none;height: 30px;background: #2a9cdd;margin-left: 40px;">
                            <a type="submit" href="/user/changepwd/" value="取   消" style="border: none;background: none;color: white;">取  消</a>
                        </button>
                    </p>
                </div>
            </div>

    <!-- 修改密码页面样式end -->
        </div>
    </form>
</div>
</body>
<script type="text/javascript">
    function checkpwd1() {
        var user = document.getElementById('pwd1').value.trim();
        if (user.length >= 6 && user.length <= 12) {
            $("#pwd1").parent().find(".imga").show();
            $("#pwd1").parent().find(".imgb").hide();
        } else {
            $("#pwd1").parent().find(".imgb").show();
            $("#pwd1").parent().find(".imga").hide();
        }
        ;
    }

    function checkpwd2() {
        var user = document.getElementById('pwd2').value.trim();
        if (user.length >= 6 && user.length <= 12) {
            $("#pwd2").parent().find(".imga").show();
            $("#pwd2").parent().find(".imgb").hide();
        } else {
            $("#pwd2").parent().find(".imgb").show();
            $("#pwd2").parent().find(".imga").hide();
        }
        ;
    }

    function checkpwd3() {
        var user = document.getElementById('pwd3').value.trim();
        var pwd = document.getElementById('pwd2').value.trim();
        if (user.length >= 6 && user.length <= 12 && user == pwd) {
            $("#pwd3").parent().find(".imga").show();
            $("#pwd3").parent().find(".imgb").hide();
        } else {
            $("#pwd3").parent().find(".imgb").show();
            $("#pwd3").parent().find(".imga").hide();
        }
        ;
    }
</script>
</html>